@charset "utf-8";/* CSS Document */
body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}

.w1350{ width:1350px;}

.about_index{background:url(about_bg.jpg) no-repeat top center; padding-top:61px; padding-bottom:92px; clear:both; overflow:hidden; } 
.about_left{ width:51.5%; float:left; margin-bottom:20px; text-align:left;}
.about_title{ background:url(about_title.jpg) no-repeat left bottom; padding-bottom:19px; margin-bottom:24px;}
.about_title p{ font-size:45px; color:#1a2129; font-weight:bold; line-height:57px;}
.about_title span{font-size:24px; color:#1a2129; line-height:36px; }
.about_nr{ font-size:16px; color:#323233; line-height:30px; margin-bottom:30px;}
.about_left a{ width:126px; border:1px solid #bebebe; line-height:31px; display:block; text-align:center; font-size:14px; color:#000000; background: url(about_more.jpg) no-repeat; text-transform: uppercase;}
.about_right{ width:46.9%; float:right; padding-top:29px;}
.about_right img{ width:auto; max-width:100%;}

.about_ul{overflow:hidden; width:100%;display: flex; margin-bottom:43px; justify-content: space-between; background:#FFF; border:1px solid #d9dee6; padding:16px 0;}
.about_ul li{ text-align:center; padding:0 20px;}
.about_ul li span{ color:#686868; font-size:14px; line-height:20px;  }
.about_ul li p{ color:#003a60; font-size:43px; line-height:64px; font-weight:bold; text-transform:uppercase;}
.about_ul li div{ display: flex; flex-wrap: wrap; margin: 0 auto;justify-content: center; }
.about_ul li div em{ font-size:16px; color:#003a60; font-weight:bold;}
.about_ul01{ background:url(about_li.jpg) no-repeat right center; width:50%;}
.about_ul02{ background:url(about_li.jpg) no-repeat right center; width:23%;}
.about_ul03{ background:url(about_li.jpg) no-repeat right center; width:23%;}
.about_ul04{ width:50%;}
.about_ul01 em{ margin-top:32px;}
.about_ul04 strong{ margin-top:32px; margin-left:0px;}

.yyly_index{overflow:hidden; clear:both;  padding-bottom:57px; padding-top:80px; position:relative;}
.yyly_title{display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom:44px;}
.yyly_title_left{ text-align:left;}
.yyly_title_left p{ font-size:35px; color:#333333; font-weight:bold; line-height:57px;}
.yyly_title_left p strong{ color:#003a60;}
.yyly_title_left span{ line-height:24px; font-size:14px; color:#333333;}
.yyly_title a{ font-size:20px; color:#003a60;}
.swiper-containeryyly{ overflow:hidden; clear:both; margin-bottom:35px;}
.swiper-containeryyly .swiper-slide{ text-align:left;}
.swiper-containeryyly .swiper-slide p{ background: url(yyly01_title.jpg) no-repeat left 47px bottom 43px #ebebeb; font-size:29px; font-weight:bold; line-height:79px; padding:13px 13px 43px 47px;}
.yyly_bottom{}
.yyly_bottom p{ font-size:22px; color:#515151; line-height:62px; margin-bottom:16px;}
.yyly_bottom a{ background:url(yyly_bottom.jpg) no-repeat right 33px center #e7e7e7; width:220px; line-height:38px; border-radius:38px; color:#747476; font-size:14px;}
.swiper-button-nextyyly{ background:url(yyly_left.jpg) no-repeat; width:36px; height:109px; position:absolute; left:50px; top: 50%; transform: translateY(-50%); z-index:66;}
.swiper-button-prevyyly{ background:url(yyly_right.jpg) no-repeat; width:36px; height:109px; position:absolute; right:50px; top: 50%; transform: translateY(-50%); z-index:66;}

.video_index{overflow:hidden; clear:both;}
.video_title ,.news_title{background:url(video_title.jpg) no-repeat bottom center; margin-bottom:45px;}
.video_title p ,.news_title p{ color:#4e4a49; font-size:43px; line-height:117px; }
.swiper-containervideo{ overflow:hidden; clear:both; margin-bottom:62px;}
.video_div{ border:1px solid #cccccc; padding:4px; border-radius:4px;}
.video_div p{ background:#f2f2f2; line-height:42px; height:42px; overflow:hidden; font-size:14px; color:#3d3d3d;}
.video_ul{display: flex;flex-wrap: wrap;}
.video_ul li{ width:25%; background:url(video_li.jpg) no-repeat right center;}
.video_ul li:nth-last-child(1){ background:none;}
.video_ul li img{ width:auto; margin-bottom:9px;}
.video_ul li p{ font-size:20px; color:#343434; line-height:50px;}
.video_ul li span{ font-size:14px; color:#343434; line-height:22px; margin-bottom:20px; width:70%;}
.video_ul li a{ font-size:14px; color:#343434; line-height:22px; clear:both; display: block;}

.news_bg .container{margin-bottom:30px;}
.news_faq{height:215px;}
.news_faq li{height:30px;width:48%;margin:10px 1%;float:left;overflow:hidden;}
.news_faq p{font-size:16px;padding:10px;}
.news_faq span{padding:0 28px}

.foot_index_bg{ background:#2e2d33; clear:both; overflow:hidden; padding-top:44px;}
.foot_top{ border-bottom:1px solid #434248;display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between; padding-bottom:12px; margin-bottom:35px;}
.foot_top_left{display: flex;flex-wrap: wrap; align-items: center; }
.foot_top_left img{ width:auto;}
.foot_top_left p{ font-size:25px; color:#314f7c; margin-left:15px;}
.foot_top_right{ color:#828185; font-size:13px;}

.foot_bottom{display: flex;flex-wrap: wrap;justify-content: space-between; padding-bottom:16px;}
.foot_bottom_left{display: flex;flex-wrap: wrap; text-align:left;}
.foot_bottom_left ul{ margin-right:25px;}
.foot_bottom_left p{ font-size:16px; color:#FFF; font-weight:bold; line-height:32px; margin-bottom:6.5px;}
.foot_bottom_left li{}
.foot_bottom_left li a{ line-height:25px; font-size:12px; color:#FFF; height:25px; overflow:hidden;}

.foot_bottom_right{display: flex;flex-wrap: wrap;}
.foot_bottom_right li{ padding:0 30px;}
.foot_bottom_right li img{ width:auto;}
.foot_bottom_right li p{ font-size:13.5px; color:#828185; line-height:49px;}

.footer_index{ clear:both; padding:15px; border-top: 1px solid #434248; background:#2a292f;}
.footer_index img{ width:auto;}
.footer_index p{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index a{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index span{ color:#FFF; font-size:14px; line-height:25px; }


@media (max-width: 1350px) {  
.w1350{ width:100%;}

}
@media (max-width: 1200px) {           
.about_title{ font-size:36px;}
.about_ul li{ padding:0 10px;}
.about_ul01{ width:37%;}
.about_ul02{ width:21%;}
.about_ul03{ width:21%;}
.about_ul04{ width:21%;}
.foot_bottom_right li{ padding:0 10px;}



}

@media (max-width: 992px) { 
.about_title{ font-size:27px; line-height:40px; margin-bottom:20px;}
.about_ul{ display:none;}
.about_index{ padding-bottom:35px; padding-top:35px;}
.video_ul li span{ width:90%;}
.foot_bottom_left{ width:100%; margin-bottom:25px;}
.foot_bottom_left ul{ width:19%; margin-right:1%;}
.foot_top{flex-direction: column;}
.foot_bottom { justify-content: center;}



}

@media (max-width: 768px) {           
.about_right{ display:none;}
.about_left{ width:100%;}
.about_ul{ display:flex;flex-wrap: wrap;}
.yyly_title_left{ width:300px;}
.swiper-button-nextyyly{ display:none;}
.swiper-button-prevyyly{ display:none;}
.swiper-containeryyly .swiper-slide p{background: url(yyly01_title.jpg) no-repeat left 25px bottom 30px #ebebeb; line-height: 79px; padding: 13px 13px 30px 25px;}
.yyly_bottom p{ font-size:20px;}
.video_ul li{ width:50%; margin-bottom:25px;}
.video_ul li:nth-last-child(3) { background: none;}
.video_title p{ font-size:38px;}
.swiper-containervideo{ margin-bottom:32px;}
.video_index{ padding-bottom:32px;}
.foot_bottom_left ul{ width:32%; margin-right:1%; margin-bottom:25px;}
.foot_bottom_left ul:nth-last-child(1) { width:49%;}
.foot_bottom_left ul:nth-last-child(2) { width:49%;}

}

@media (max-width: 550px) {      
.about_index{ padding-bottom:20px; padding-top:15px; background-size:100% 100%;}     
.about_ul01{ width:50%; margin-bottom:25px;}
.about_ul02{ width:50%;}
.about_ul03{ width:50%;}
.about_ul04{ width:50%;}
.yyly_index{ padding-top:35px;}
.video_ul li p{ font-size:16px;}
.video_title p ,.news_title p{ font-size:34px;}


}

@media (max-width: 425px) {  
.yyly_title a{ font-size:16px;}
.yyly_title_left{ width:100%;}
.yyly_title{ margin-bottom:22px;}
.yyly_bottom p{ line-height:40px;}
.about_title p{ font-size:38px;}
}